<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!--第三方的css-->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <!--自己的less样式-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/coudanpin.css">
</head>

<body>
    <!--头部-->
    <header id="header">
        <a class="logo" href="#">
            凑单品
        </a>
        <a class="app" href="">
            <img src="images/header_app.png" alt="">
        </a>
    </header>
    <!-- 筛选 -->
    <div class="dropdown">
        <div class="btn-group nav clearfix" role="group">
            <ul>
                <li><button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="true">
                        京东
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#">京东</a></li>
                        <li><a href="#">一号店</a></li>
                        <li><a href="#">天猫超市</a></li>
                    </ul>
                </li>
                <li><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="false">
                        华北
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="#">华北（北京、山西等）</a></li>
                        <li><a href="#">华东（山东、浙江等）</a></li>
                        <li><a href="#">华南（广东、广西等）</a></li>
                        <li><a href="#">华中（湖北、河南等）</a></li>
                        <li><a href="#">西南（四川、云南等）</a></li>
                        <li><a href="#">东北（辽宁、吉林等）</a></li>
                        <li><a href="#">西北（宁夏、新疆等）</a></li>
                    </ul>
                </li>
                <li><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="false">
                        1元
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li class="clearfix"><a href="#">全部价格</a><span class="glyphicon glyphicon-ok"></span></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div>
            <a href="" class="glyphicon glyphicon-search"></a>
        </div>

    </div>

    <!-- 商品 -->
    <div class="commodity clearfix">
        <ul class="clearfix">
            <li>
                <div>
                    <img src="" alt="">
                    <i>dagsarhdgrds</i>
                    <span>￥0.50</span>
                    <button>去凑单</button>
                </div>
            </li>
        </ul>

    </div>



    <!-- 尾部 -->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="">注册</a>
            </div>
            <div class="col-xs-4">
                <a href=""><img src="" alt="">返回顶部</a>
            </div>
        </div>
        <p><a href="">手机app下载 </a><a href="">慢慢买手机版 </a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>
</body>

<!-- 第三方模块 -->
<script type="text/html" id="getshop">
    {{each getshop as value i}}
    <li class="shop clearfix">选中<a href="#">{{value.shopName}}</a><i class='shopId'>{{value.shopId}}</i></li>
    {{/each}}
</script>

<script type="text/html" id="getshoparea">
    {{each getshoparea as value i}}
    <li class="area clearfix">选中<a href="#">{{value.areaName}}</a><i class='areaId'>{{value.areaId}}</i></li>
    {{/each}}
</script>

<script type="text/html" id="getproduct">
    {{each getproduct as value i}}
    <li>
        <a>
            <div class="img">
                <img src="{{value.productImg}}" alt="">
            </div>
            <div class='title'>
              <p>{{value.productName}}</p>  
            </div>
            <div class='bottom clearfix'>
              <span>{{value.productPrice}}</span>
            <button>去凑单</button>  
            </div>
        </a>
    </li>
    {{/each}}
</script>

<script src="js/commit.js"></script>
<script src="lib/jquery/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="js/template.js"></script>
<script src="js/coudanpin.js"></script>

</html>